<template>
    <div class="mw-header" :class="{ 'mw-header__trans': trans }">
        <div class="container">
            <div class="row">
                <div class="mw-header__logo"><span>让招生和运营更简单</span></div>
                <div class="mw-header__nav-switch" :class="{ 'show': mobileNav }" @click="mobileNav = !mobileNav">
                    <i></i><i></i><i></i>
                </div>
                <div class="mw-header__nav" :class="{ 'show': mobileNav }">
                    <a href="index.html">首页</a>
                    <i></i>
                    <a href="solution.html">解决方案</a>
                    <i></i>
                    <a href="news.html">新闻资讯</a>
                    <i></i>
                    <a href="contact.html">关于我们</a>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'LayoutHeader',
        data () {
            return {
                mobileNav: false
            }
        },
        props: {
            trans: {
                type: Boolean,
                default: false
            }
        }
    }
</script>